import React from 'react';
import { Button, Space } from 'antd';
import { useNavigate } from 'react-router-dom';
import './StockPage.scss';

const StockPage = () => {
  const navigate = useNavigate();

  return (
    <div className="stock-page">
      <div className="content-box">
        <h2 className="glow-title">📊 请选择查看类型</h2>
        <p className="sub-text">支持个股、多股及基金行情展示</p>
        <Space direction="vertical" size="large">
          <Button className="glow-button" onClick={() => navigate('/ui/singlestock')}>单股行情</Button>
          <Button className="glow-button" onClick={() => navigate('/ui/stocklist')}>多股行情</Button>
          <Button className="glow-button" onClick={() => navigate('/ui/fund')}>基金行情</Button>
        </Space>
      </div>
    </div>
  );
};

export default StockPage;
